<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>login</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="ie-stand">
    <meta name="viewport" content="initial-scale = 1, user-scalable = no">

    <link rel="icon" href="Zoo.ico" type="image/ico">
    <link type="text/css" href="lib/css/bootstrap.css" rel="stylesheet"/>
    <style type="text/css">
        /*Glyphicons的使用*/
        @font-face {
            font-family: 'Glyphicons Halflings';
            src: url('lib/css/fonts/glyphicons-halflings-regular.eot');
            src: url('lib/css/fonts/glyphicons-halflings-regular.woff');
            src: url('lib/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
            url('lib/css/fonts/glyphicons-halflings-regular.woff') format('woff'),
            url('lib/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
            url('lib/css/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
        }

        @-webkit-keyframes rotate {
            from {
                -webkit-transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
            }
        }

        body {
            font-family: '微软雅黑';
        }

    </style>
    <script src="lib/script/jquery.js"></script>
    <script src="lib/script/bootstrap.js"></script>
</head>
<body style=" -webkit-app-region: drag; background:url(imgs/login.png) no-repeat;width: 423px;overflow: hidden">
<div id="loginPage" style="display: block">
    <div style="margin: 0 2px 0 350px;font-size: 16px;color: #f0f0f0;font-weight: normal">
        <span id="cog" style="-webkit-app-region: no-drag;cursor: pointer;padding: 5px 10px;"
              class="glyphicon glyphicon-cog"></span>
        <span id="minus" style="-webkit-app-region: no-drag;cursor: pointer;padding: 5px 10px;"
              class="glyphicon glyphicon-minus"></span>
        <span id="remove" style="-webkit-app-region: no-drag;cursor: pointer;padding: 5px 10px;"
              class="glyphicon glyphicon-remove"></span>
    </div>
    <div style="margin: 165px 5px 0 41px">
        <img src="imgs/user-head.png" height="80" style="border: 1px solid rgb(245,245,245);vertical-align: top;">

        <div style="display: inline-block">
        <span style="display: block; -webkit-app-region: no-drag;">
            <input type="text" placeholder="用户名" style="display: inline-block;width: 190px;margin-bottom: 5px" value="">
            <a href="#" style="text-decoration: none">注册账号</a>
        </span>
        <span style="display: block; -webkit-app-region: no-drag;">
            <input type="text" placeholder="密码" style="display: inline-block;width: 190px;" value="">
            <a href="#" style="text-decoration: none">忘记密码</a>
        </span>
        <span style="display: block; -webkit-app-region: no-drag;margin:0 10px 0 0px;color: rgb(171,169,171)">
            <input type="checkbox" style="display: inline-block">  记住密码&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            <input type="checkbox" style="display: inline-block">  自动登录
        </span>
        </div>
    </div>

    <div id="loginBtn" style="margin: 15px 125px;">
        <button class="btn btn-default"
                style="-webkit-app-region: no-drag;padding: 5px 66px;cursor: pointer;background-color: rgb(5,159,213)">
            登&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp录
        </button>
    </div>
</div>
<div id="loginSet" style="font-size: 12px;display: none">
    <div class="header" style="font-size: 14px;margin-left: 375px">
        <span style="margin: 0 5px 0 0;color: #ffffff; -webkit-app-region: no-drag;"
              class="glyphicon glyphicon-minus"></span>
        <span style="margin: 0 0 0 5px;color: #ffffff; -webkit-app-region: no-drag;"
              class="glyphicon glyphicon-remove"></span>
    </div>
    <div class="setNet" style="margin: 30px 15px 0 15px;height: 120px">
        <div class="title">网络设置</div>
    </div>
    <div class="setServer" style="margin: 10px 15px 0 15px;">
        <div class="title">登录服务器</div>
        <div class="form-group" style="margin-top: 20px">
            <label class="title" for="type" style="margin-left: 10px;font-weight: normal; ">类型：</label>
            <select class="form-control" id="type" name="type"
                    style="display: inline-block;width: 30%;padding: 0;height: 24px;font-size: 12px; -webkit-app-region: no-drag;">
                <option value="0" style=" -webkit-app-region: no-drag;">不使用高级选项</option>
                <option value="1" style=" -webkit-app-region: no-drag;">UDP类型</option>
                <option value="2" style=" -webkit-app-region: no-drag;">TCP类型</option>
            </select>
            <label class="title" for="address" style="margin-left: 2px;font-weight: normal">地址：</label>
            <input class="form-control" id="address" name="address"
                   style="display: inline-block;width: 20%;padding: 0;height: 24px;font-size: 12px; -webkit-app-region: no-drag;">
            <label class="title" for="port" style="margin-left: 2px;font-weight: normal">端口：</label>
            <input class="form-control" id="port" name="address"
                   style="display: inline-block;width: 15%;padding: 0;height: 24px;font-size: 12px; -webkit-app-region: no-drag;">
        </div>
    </div>
    <div class="btns" style="margin:62px 0 0 280px">
        <button type="button" id="ok" style="padding: 2px 20px; -webkit-app-region: no-drag;">确定</button>
        <button type="button" id="cancel" style="padding: 2px 20px; -webkit-app-region: no-drag;">取消</button>
    </div>
</div>
<script src="lib/script/oschat.js"></script>
<script src="lib/script/window.js"></script>
<script src="lib/script/login.js"></script>
<script src="lib/script/loginSet.js"></script>
<script>
    new oschat.Login();
    new oschat.LoginSet();
</script>
</body>
</html>